/*estilo de la barra de menu*/
.menu {
	float:left;
  overflow: hidden;
  background-color: #CCBDBA;
  position: fixed; /* que se quede fijo arriba */
  top: 0; /* Que la barra se quede arriba */
  height: 75px;
  min-height: 75px;
  max-height: 75px;
  width: 100%;
  padding:0px;
}

/* Links dentro de la barra */
.menu a {
  float: left;
  color: #1F0A0A;
  text-align: center;
  padding: 30px 20px;
  text-decoration: none;
  font-size: 70 px;
}


/* cambiar el color de la barra cuando se pose el raton*/

/*Zona central*/
.menu_derecha a{
  	float:right;
}
.menu_derecha a:hover {
  background: #ddd;
  color: black;
}
/*estilo del cuerpo*/
.caja{
	width: 100%; /*Una caja donde este todo el contenido de la pagina*/
	height:100%;
}
.contenido{ /*Aquí es donde ira la letra*/
	position: absolute;
	left: 50%;
	top:50%;
	transform:translate(-50%,-70%); /*centramos la caja*/
	background-color:  #CCBDBA;
}
p {
	text-align:center;
	font-size: 22px;
    font-weight: 500;
    margin: 10px 0 35px 0;
}
h1{
	text-align: center;
}

.bajo{
	position: absolute;
	bottom:0;
	left: 50%;
	transform:translate(-50%);
	width:500px;
	
}

.bajo p{
	color: white;	
}

.footer {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #CCBDBA;
   color: white;
   text-align: center;
}	
.footer_izquierdo{
	right: 50%;
}
.footer_izquierdo h2{
	font-family: Trade Gothic LT Bold,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
	color: #451400;
	text-transform: uppercase;
	font-size: 10px;
	
}

.boton{
	  border: 2px solid black;
  background-color: white;
  color: black;
  padding: 14px 28px;
  font-size: 15px;
  cursor: pointer;
  position: relative;
	left: 50%;
	transform:translate(-50%,-25%);
}

.boton:hover {
  background: rgb(173,33,24);
  color: white;
}